<template >

        <div >
          <el-card class="login-form-layout" >
            <h2>用户登录</h2>
            <el-menu :default-active="activeIndex"  class="el-menu-demo" mode="horizontal" @select="handleSelect">
          <el-menu-item index="/Account" >账号密码登录</el-menu-item>
          <el-menu-item index="/Phone">手机号登录</el-menu-item>
          </el-menu>
                <router-view></router-view>
            </el-card>
        </div >
    
  
</template>
 
<script>
  export default {

    data() {
      return {
        activeIndex:'/'
        
      };
    },
    methods: {
      
      handleSelect(key, keyPath) {
        this.$router.push('/')
        this.$router.push(key)
        console.log(key, keyPath);
      }
    }
  }
</script>
 
<style scoped>
.div{
  /* background-image:src="../loginView/background.jpg"; */
}
.login-form-layout {
  position: absolute;
  left: 0;
  right: 0;
  width: 360px;
  margin: 140px auto;
  border-top: 10px solid #409eff;
}
 
.login-title {
  text-align: center;
}
 
.login-center-layout {
  background: #409eff;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-top: 200px;
}
</style>